/* 滚动条样式 */
::-webkit-scrollbar{
    // width: 0px;
    // height: 0px;
    width: 4px;
    height: 4px;
    background-color: #F5F5F5;
    

    
    margin-right: 5px;
    padding-right: 5px;
    position: relative;
    right: 5px;
}
/*定义滚动条轨道内阴影+圆⾓*/
::-webkit-scrollbar-track{
    background-color: #FAFAFA;

    
    margin-right: 5px;
    padding-right: 5px;
    position: relative;
    right: 5px;
}
/*定义滑块内阴影+圆⾓*/
::-webkit-scrollbar-thumb{
    border-radius: 1px;
    background-color: #C6C6C6;

    
    margin-right: 5px;
    padding-right: 5px;
    position: relative;
    right: 5px;
}


/* 溢出隐藏显示... */
.drilling-ellipsis-1{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.drilling-ellipsis-2{
    -webkit-line-clamp: 2;
    line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/** flex样式 */
.drilling-flex{
    display: flex;
    align-items: center;
}
.drilling-flex-around{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.drilling-flex-center{
    display: flex;
    align-items: center;
    justify-content: center;
}
.drilling-flex-between{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.drilling-flex-align-start{
    display: flex;
    align-items: start;
}
.drilling-flex-end{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.drilling-flex-column{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.drilling-flex-around-column{
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}
.drilling-flex-between-column{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.drilling-flex-center-column{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items:center;
}